window.addEventListener('load', function () {
    // 底部图片透明渐变
    var auth_last = this.document.querySelector('.auth-last');
    var flag = 1;
    setInterval(function () {
        if (flag) {
            auth_last.children[0].style.opacity = 0;
            auth_last.children[1].style.opacity = 1;
            flag--;
        } else {
            auth_last.children[0].style.opacity = 1;
            auth_last.children[1].style.opacity = 0;
            flag++;
        }
    }, 3000)

    // 点击显示输入框和遮罩层
    function loginClick(n, obj) {
        $('.login').children('a').eq(n).click(function () {
            document.documentElement.style.overflow = 'hidden';
            document.body.style.overflow = 'hidden';
            $('.login_zhezhao').show();
            $(obj).fadeIn(400);
            $('.login-btn').click(function () {
                document.documentElement.style.overflow = '';
                document.body.style.overflow = ''
                $('.login_zhezhao').hide();
                $(obj).fadeOut(400);
            })
        })
    }
    loginClick(0, '.login_denglu');
    loginClick(1, '.login_zhuce');
    // 显示错误提示
    $('.login_hint').blur(function () {
        if (!this.value) {
            $(this).siblings('.login_error').show();
        } else {
            $(this).siblings('.login_error').hide();
        }
    })
    // 点击切换事件
    $('.login_header span').eq(0).click(function () {
        $('.login_denglu .tel').show();
        $('.email').hide();
    })
    $('.login_header span').eq(1).click(function () {
        $('.login_denglu .tel').hide();
        $('.email').show();
    })
    // 复选框点击事件
    $('.btns').click(function () {
        if (this.checked) {
            $(this).css({
                backgroundColor: '#ffd33e',
                borderColor: '#ffd33e'
            })
        } else {
            $(this).css({
                backgroundColor: 'transparent',
                borderColor: '#ccc'
            })
        }
    })
    // 点击推荐码显示输入框
    $('#tuijian').click(function () {
        if (this.checked) {
            $('.tuijian_input').show()
        } else {
            $('.tuijian_input').hide()
        }
    })
    // 点击阅读改变按钮颜色
    $('#read').click(function () {
        if (this.checked) {
            $('.zhuce').css({
                backgroundColor: '#ffd33e',
                color: '#000'
            })
        } else {
            $('.zhuce').css({
                backgroundColor: '#e0e0e0',
                color: '#a0a0a0'
            })
        }
    })
})